<template>
  <h1>{{ msg }}</h1>
  <button @click="count++">count is: {{ count }}</button>
  <p>Edit <code>components/HelloWorld.vue</code> to test hot module replacement.</p>
</template>

<script setup="props" lang="ts">
import { computed, ref, watchEffect } from 'vue'
declare const props: {
  msg: string
}
export const count = ref(0);
export const computedMsg = computed(()=> props.msg + "!!!!")
watchEffect(()=>{
  console.log(computedMsg.value)
})

</script>